<template>
  <div class="footer">
     <div class="footer-top">
      <el-form
        ref="form"
        :model="form"
        label-width="80px"
        style="display: flex"
      >
      
          <el-select
            v-model="form.region"
            placeholder="添加处方"
            style="width: 150px"
          >
            <el-option label="中/成药处方x1"></el-option>
            <el-option label="西/成药处方x1"></el-option>
            <el-option label="中西结合"></el-option>
          </el-select>
   

        <el-input v-model="form.name" class="inp"></el-input>
      </el-form>
    </div>
    <div class="footers">
      <diagnosis-left></diagnosis-left>
      <diagnosis-right @searchfunparent="searchfunparent" ></diagnosis-right>
    </div>
  </div>
</template>

<script>
import DiagnosisLeft from "./DiagnosisLeft.vue";
import DiagnosisRight from "./DiagnosisRight.vue";

export default {
  components: { DiagnosisLeft, DiagnosisRight },
  data(){
    return{
         form: {
        name: "",
        region: "",
        date1: "",
        date2: "",
        delivery: false,
        type: [],
        resource: "",
        desc: "",
      },
    }
  },
  methods:{
    searchfunparent(val){
      console.log(val)

    }
  }

};
</script>

<style lang="less" scoped>
.footer {
  background-color: white;
  padding: 20px;
}
.footers {
display: flex;
}
.inp{
  margin-left: 20px;
  width: 200px;
}
</style>